<!doctype html>
<html>
    <head>
        <meta charset='utf-8'>
    <title>Post Message</title>
        <style type="text/css">
            html,body{
                height:100%;
                margin:0px;
            }
        </style>
    </head>
    <body style="height:100%;">
        <div id="container" onClick="changeColor();" style="widht:100%; height:100%; background-color:rgb(204, 102, 0);">
            click to change color
        </div>
        <script type="text/javascript">
            var container=document.getElementById('container');

            window.addEventListener('message',function(e){
				console.log(e);
                console.info("父页面传递来的消息",e.data);
                if(e.source!=window.parent) return;
               // var color=container.style.backgroundColor;
               // window.parent.postMessage(color,'*');//Window.parent（从嵌入式内部引用父窗口<iframe>）
            },false);

            function changeColor () {            
                var color=container.style.backgroundColor;
                if(color=='rgb(204, 102, 0)'){
                    color='rgb(204, 204, 0)';
                }else{
                    color='rgb(204,102,0)';
                }
                container.style.backgroundColor=color;
                window.parent.postMessage(color,'*');//Window.parent（从嵌入式内部引用父窗口<iframe>）
            }
        </script>
        accept.html 接收
    </body>
</html>